<template>
  <div class="adx-box">
    <ul>
      <li v-for="(item, index) of imgarr" :key="index" @click="jump(item.link)">
        <img v-lazy="item.img" alt="" />
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  name: 'adx-box',
  data() {
    return {
      imgarr: [
        { img: 'img/ads/ads-1.png', link: '', name: '' },
        { img: 'img/ads/ads-2.jpg', link: '', name: '' },
        { img: 'img/ads/ads-3.png', link: '', name: '' },
        { img: 'img/ads/ads-4.jpg', link: '', name: '' },
      ],
    }
  },
  methods: {
    jump() {},
  },
}
</script>
<style lang="scss">
.adx-box {
  margin-top: 14px;
  margin-bottom: 31px;
  width: 100%;
  ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    li {
      //   width: 25%;
      &:hover {
        cursor: pointer;
      }
      img {
        width: 296px;
        height: 167px;
      }
    }
  }
}
</style>